<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    html,body{
        width: 100%;
        height: 100%;
        background:#0A0F23;
    }
    *{
        margin: 0;
        padding: 0;
    }
</style>
<body>
<div id="vbarChart" style="width:100%;height:100%;"></div>
<script src="../../components/echarts-4.0.4.min.js"></script>
<script>
        var vbarChart = echarts.init(document.getElementById('vbarChart'));

        var barOption = {
        	title: {
                text: '仪器设施收录情况',
                left: 'center',
                top:'15%',
                textStyle: {
                    color: '#fff',
                    fontSize: 22
                }
            },
		    backgroundColor: "#0A0F23",
		    color: ["#37A2DA", "#32C5E9", "#67E0E3", "#9FE6B8" ],
		    legend: {
		        textStyle: {
                    color: '#fff',
                    fontSize: 16
                },
                bottom:'5%'
		    },
		    grid: {
		        containLabel: true
		    },
		    xAxis: [{
		        type: 'category',
		        boundaryGap: false,
		        axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
               	nameTextStyle: {
		            color: '#fff'
		        },
                axisTick: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                axisLabel: {
                    interval: 0,
                    textStyle: {
                        color: '#fff',
                    	fontSize: 16
                    }
                },
                splitLine: {
                    show: false,
                    lineStyle: {
						 color: 'rgba(204, 204, 204, 0.3)'
					}
                },
		        data: ['2011年','2012年','2013年', '2014年', '2015年', '2016年', '2017年']
		    }],
		    yAxis: [{
		        type: 'value',
		        max: 4000,
		        axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
               	nameTextStyle: {
		            color: '#fff'
		        },
                axisTick: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                axisLabel: {
                    interval: 0,
                    textStyle: {
                        color: '#fff',
                    	fontSize: 16
                    }
                },
                splitLine: {
                    show: false,
                    lineStyle: {
						 color: 'rgba(204, 204, 204, 0.3)'
					}
                }
		    }],
		    series: [{
		        type: 'line',
		        stack: '总量',
		        
		        areaStyle: {
		            normal: {}
		        },
		        data: [2122, 1280, 1127, 3017, 2933, 653, 3229]
		    }]
		};

        vbarChart.setOption(barOption);
    </script>
</body>
</html>